/** @type {import('tailwindcss').Config} */
import defaultTheme from "tailwindcss/defaultTheme";
import forms from "@tailwindcss/forms";
export default {
    content: [
        "./resources/**/*.blade.php",
        "./resources/**/*.js",
        "./resources/**/*.vue",
    ],
    theme: {
        extend: {
          colors: {
            'green': {
              '50': '#f5fbf2',
              '100': '#e7f7e1',
              '200': '#d0edc5',
              '300': '#abdd98',
              '400': '#7dc563',
              '500': '#5aaa3d',
              '600': '#4c9631',
              '700': '#396e27',
              '800': '#315823',
              '900': '#29481f',
              '950': '#12270c',
          },
          
        },
        },
        
        fontFamily: {
            sans: ["DINPro", "sans-serif", defaultTheme.fontFamily.sans],
        },
    },
    plugins: [forms],
};
